<!--相关美图-->
<?php if (count($relatePics) > 0) { ?>
<div class="MV_videos" style="height: 138px;">
    <h2>
        <div class="com_tit">相关美图<span>PHOTOS</span></div>
    </h2>
    <div class="scrollBox">
        <div class="LeftBotton" onmousedown="ISL_GoUp()" onmouseup="ISL_StopUp()" onmouseout="ISL_StopUp()"></div>
        <div class="Cont" id="ISL_Cont">
            <div class="ScrCont">
                <div id="List1">
                    <!-- 图片列表 begin -->
                    <?php
                foreach ($relatePics as $pic)
                {
                    foreach ($pic->getPhoto() as $photo) {
                        echo '<div class="pic">';
                        echo link_to('<img src=' . $photo->getLink() . '>', 'album/detail?photoGroupId=' . $pic->getPhotoGroupId());
                        echo '</div>';
                    }
                }
                    ?>
                    <!--                    <div class="pic">-->
                    <!--                        <a href="#" target="_blank"><img src="images/img07.jpg"></a>-->
                    <!--                    </div>-->
                    <!---->
                    <!--                    <div class="pic">-->
                    <!--                        <a href="#" target="_blank"><img src="images/img02.jpg"></a>-->
                    <!--                    </div>-->
                    <!--                    <div class="pic">-->
                    <!--                        <a href="#" target="_blank"><img src="images/img03.jpg"></a>-->
                    <!--                    </div>-->
                    <!---->
                    <!--                    <div class="pic">-->
                    <!--                        <a href="#" target="_blank"><img src="images/img07.jpg"></a>-->
                    <!--                    </div>-->
                    <!--                    <div class="pic">-->
                    <!--                        <a href="#" target="_blank"><img src="images/img02.jpg"></a>-->
                    <!--                    </div>-->
                    <!--                    <div class="pic">-->
                    <!--                        <a href="#" target="_blank"><img src="images/img07.jpg"></a>-->
                    <!--                    </div>-->
                    <!--                    <div class="pic">-->
                    <!---->
                    <!--                        <a href="#" target="_blank"><img src="images/img05.jpg"></a>-->
                    <!---->
                    <!--                    </div>-->

                    <!-- 图片列表 end -->

                </div>
                <div id="List2">
                    <!-- 图片列表 begin -->
                    <!--                    <div class="pic">-->
                    <!--                        <a href="#" target="_blank"><img src="images/img07.jpg"></a>-->
                    <!--                    </div>-->
                    <!---->
                    <!--                    <div class="pic">-->
                    <!---->
                    <!--                        <a href="#" target="_blank"><img src="images/img02.jpg"></a>-->
                    <!--                    </div>-->
                    <!--                    <div class="pic">-->
                    <!--                        <a href="#" target="_blank"><img src="images/img03.jpg"></a>-->
                    <!--                    </div>-->
                    <!--                    <div class="pic">-->
                    <!--                        <a href="#" target="_blank"><img src="images/img07.jpg"></a>-->
                    <!--                    </div>-->
                    <!--                    <div class="pic">-->
                    <!---->
                    <!--                        <a href="#" target="_blank"><img src="images/img02.jpg"></a>-->
                    <!--                    </div>-->
                    <!--                    <div class="pic">-->
                    <!--                        <a href="#" target="_blank"><img src="images/img07.jpg"></a>-->
                    <!--                    </div>-->
                    <!--                    <div class="pic">-->
                    <!--                        <a href="#" target="_blank"><img src="images/img05.jpg"></a>-->
                    <!---->
                    <!--                    </div>-->

                    <!-- 图片列表 end -->


                </div>
            </div>
        </div>
        <div class="RightBotton" onmousedown="ISL_GoDown()" onmouseup="ISL_StopDown()"
             onmouseout="ISL_StopDown()"></div>
    </div>

    <script language="javascript" type="text/javascript">
        <!--//--><![CDATA[//><!--
        //图片滚动列表 mengjia 070816
        var Speed = 10; //速度(毫秒)
        var Space = 5; //每次移动(px)
        var PageWidth = 112; //翻页宽度
        var fill = 0; //整体移位
        var MoveLock = false;
        var MoveTimeObj;
        var Comp = 0;
        var AutoPlayObj = null;
        GetObj("List2").innerHTML = GetObj("List1").innerHTML;
        GetObj('ISL_Cont').scrollLeft = fill;
        GetObj("ISL_Cont").onmouseover = function() {
            clearInterval(AutoPlayObj);
        }
        GetObj("ISL_Cont").onmouseout = function() {
            AutoPlay();
        }
        AutoPlay();
        function GetObj(objName) {
            if (document.getElementById) {
                return eval('document.getElementById("' + objName + '")')
            } else {
                return eval('document.all.' + objName)
            }
        }
        function AutoPlay() { //自动滚动
            clearInterval(AutoPlayObj);
            AutoPlayObj = setInterval('ISL_GoDown();ISL_StopDown();', 3000); //间隔时间
        }
        function ISL_GoUp() { //上翻开始
            if (MoveLock) return;
            clearInterval(AutoPlayObj);
            MoveLock = true;
            MoveTimeObj = setInterval('ISL_ScrUp();', Speed);
        }
        function ISL_StopUp() { //上翻停止
            clearInterval(MoveTimeObj);
            if (GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0) {
                Comp = fill - (GetObj('ISL_Cont').scrollLeft % PageWidth);
                CompScr();
            } else {
                MoveLock = false;
            }
            AutoPlay();
        }
        function ISL_ScrUp() { //上翻动作
            if (GetObj('ISL_Cont').scrollLeft <= 0) {
                GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft + GetObj('List1').offsetWidth
            }
            GetObj('ISL_Cont').scrollLeft -= Space;
        }
        function ISL_GoDown() { //下翻
            clearInterval(MoveTimeObj);
            if (MoveLock) return;
            clearInterval(AutoPlayObj);
            MoveLock = true;
            ISL_ScrDown();
            MoveTimeObj = setInterval('ISL_ScrDown()', Speed);
        }
        function ISL_StopDown() { //下翻停止
            clearInterval(MoveTimeObj);
            if (GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0) {
                Comp = PageWidth - GetObj('ISL_Cont').scrollLeft % PageWidth + fill;
                CompScr();
            } else {
                MoveLock = false;
            }
            AutoPlay();
        }
        function ISL_ScrDown() { //下翻动作
            if (GetObj('ISL_Cont').scrollLeft >= GetObj('List1').scrollWidth) {
                GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft - GetObj('List1').scrollWidth;
            }
            GetObj('ISL_Cont').scrollLeft += Space;
        }
        function CompScr() {
            var num;
            if (Comp == 0) {
                MoveLock = false;
                return;
            }
            if (Comp < 0) { //上翻
                if (Comp < -Space) {
                    Comp += Space;
                    num = Space;
                } else {
                    num = -Comp;
                    Comp = 0;
                }
                GetObj('ISL_Cont').scrollLeft -= num;
                setTimeout('CompScr()', Speed);
            } else { //下翻
                if (Comp > Space) {
                    Comp -= Space;
                    num = Space;
                } else {
                    num = Comp;
                    Comp = 0;
                }
                GetObj('ISL_Cont').scrollLeft += num;
                setTimeout('CompScr()', Speed);
            }
        }
        //--><!]]>
    </script>
</div>
<?php } ?>